<template>
    <div id="Saoyisao">
        <Headers>扫一扫</Headers>
        <div class="saoma">
            <!--待定-->
            <img src="../../assets/saoyisao.png" alt="">
            <span>将二维码放入扫描框内扫一扫</span>
        </div>
        <div class="yinying"></div>
    </div>
</template>

<script>
    export default {
        name: 'saoyisao',
        data() {
            return {
            }
        },
        methods: {
        }
    }
</script>

<style scoped lang="stylus">
@import '../../common/styl/mixin'
    #Saoyisao
        margin  0
        width  rem(375)
        min-height  100vh
        overflow hidden
        display flex
        flex-direction column
        position relative
        z-index 5
        .saoma
            flex 1
            display flex
            flex-direction column
            justify-content center
            align-items center
            img
                width rem(201)
                height rem(200)
                position relative
                z-index 15
            span
                margin-top rem(25)
                color rgba(33, 39, 114, 1)
                font-size rem(15)
                font-family HiraginoSansGB-W3
                font-weight W3
        .yinying
            position fixed
            top rem(50)
            width 100%
            height 100vh
            background rgba(33,39,114,1)
            opacity 0.8
            z-index 10
</style>
